import Vue from 'vue';
import VueRouter from 'vue-router';

// 注册路由的功能
Vue.use(VueRouter);

// 这里配置路由
// 路由配置如果放在main.js，main.js会很臃肿不好维护
// 所以路由配置抽离出来

// 导入两个页面组件
import Foo from '../views/foo.vue';
import Bar from '../views/bar.vue';

const routes = [
    // path是路径，component是页面组件
    { path: '/foo', component: Foo },
    { path: '/bar', component: Bar }
];

const router = new VueRouter({
    routes // (缩写) 相当于 routes: routes
});

// 导出路由对象router
export default router;